	layui.use('laytpl', function(){
		var laytpl = layui.laytpl;
		var $ = layui.$
		function initData(id,data,getTpl){
			view = document.getElementById(id);
			laytpl(getTpl).render(data, function(html){
			  view.innerHTML = html;
			});
		}
		var dat = {'data':{ //数据
			  "id": 0,
			  "avatar":"./static/images/unLogin.png"
			  ,"name":	"未登录"
	}}
 		 function intiKMInfo() {
				var user = layui.sessionData('user');
				if(user == null || user == undefined ||$.isEmptyObject(user)){
					user = dat;
					$('#edit').addClass('layui-hide')
				}
				var getTpl = person.innerHTML
				initData('account',user,getTpl);
				//加载分类
	            $.ajax({
	                type: "GET",
	                url: "http://127.0.0.1:8080/blog/category/categoryTypeList",
	                success: function (data) {   
	                	var res = { //数据
						  "data":{'categoryList':[
							  {
								  'id':1,
								  content:'PHP'
								  },
							  {
								  'id':2,
								  content:'Java'},
							  {
								  'id':3,
								   content:'Python'},
							  {
							      'id':4,
								   content:'C++'}]}
						}
	                	var rs = JSON.parse(data);
	                	console.log(rs)
	                	var getTpl = category.innerHTML
	                	if(rs.data!=null){
	                		initData('categoryList',rs.data,getTpl);
	                	}else{
	                		initData('categoryList',res.data,getTpl);
	                	}
	                	layui.data('category', {
	                		  key: 'categoryList'
	                		  ,value: rs.data
	                		});
	                }
	            });  
	          //加载文章
	            $.ajax({
	                type: "GET",
	                url: "http://127.0.0.1:8080/blog/article/articleList?page="+1+"&limit="+10,
	                success: function (data) {
	                	var rs = JSON.parse(data);
	                	console.log(rs)
	                	var articleListTpl = articleList.innerHTML
	                	, hotArticleTpl = hotArticle.innerHTML
	                	, topArticleTpl = topArticle.innerHTML;
	                	if(rs.data!=null){
	                		var index = Math.floor(Math.random()*(rs.data.data.list.length));
		                	var article = {"data":  rs.data.data.list[index]};
	                		initData('articleListView',rs.data,articleListTpl);
	                		initData('hotArticleView',rs.data,hotArticleTpl);
	                		//加载置顶文章
	                		initData('topArticleView',article,topArticleTpl);
	                	}else{
	                		initData('articleListView',[],articleListTpl);
	                		initData('hotArticleView',[],hotArticleTpl);
	                		initData('topArticleView',[],topArticleTpl);
	                	} 
	                  	layui.laypage.render({
	                	    elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
	                	    ,count: rs.data.data.total //数据总数，从服务端得到
	                	    ,limit:10
	                	    ,jump: function(obj, first){
	                	        //obj包含了当前分页的所有参数，比如：
	                	        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
	                	        console.log(obj.limit); //得到每页显示的条数
	                	        
	                	        //首次不执行
	                	        if(!first){
	                	        	$.ajax({
	                	                type: "GET",
	                	                url: "http://127.0.0.1:8080/blog/article/articleList?page="+obj.curr+"&limit="+obj.limit,
	                	                success: function (data) {
	                	                	var rs = JSON.parse(data);
	                	                	console.log(rs)
	                	                	var articleListTpl = articleList.innerHTML
	                	                	initData('articleListView',rs.data,articleListTpl);
	                	                }
	                	        	})
	                	        }
	                	      }
	                  	});
	                }
	            });
	        }
		intiKMInfo();
        $('#logout').on('click',function(){
        	layui.sessionData('user',{
        		key:'data',
        		remove: true
        	})
        	layer.msg("注销成功！")
        	window.location.reload();
        })
        $('#toSearch').on('click',function(){
        	var keyword = $('#toSearch').val();
	          //加载文章
            $.ajax({
                type: "GET",
                url: "http://127.0.0.1:8080/blog/article/articleList?page="+1+"&limit="+10+"&keyword="+keyword,
                success: function (data) {
                	var rs = JSON.parse(data);
                	console.log(rs)
                	var articleListTpl = articleList.innerHTML
                	, hotArticleTpl = hotArticle.innerHTML
                	, topArticleTpl = topArticle.innerHTML;
                	if(rs.data!=null){
                		var index = Math.floor(Math.random()*(rs.data.data.list.length));
	                	var article = {"data":  rs.data.data.list[index]};
                		initData('articleListView',rs.data,articleListTpl);
                		initData('hotArticleView',rs.data,hotArticleTpl);
                		//加载置顶文章
                		initData('topArticleView',article,topArticleTpl);
                	}else{
                		initData('articleListView',[],articleListTpl);
                		initData('hotArticleView',[],hotArticleTpl);
                		initData('topArticleView',[],topArticleTpl);
                	} 
                  	layui.laypage.render({
                	    elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
                	    ,count: rs.data.data.total //数据总数，从服务端得到
                	    ,limit:10
                	    ,jump: function(obj, first){
                	        //obj包含了当前分页的所有参数，比如：
                	        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                	        console.log(obj.limit); //得到每页显示的条数
                	        
                	        //首次不执行
                	        if(!first){
                	        	$.ajax({
                	                type: "GET",
                	                url: "http://127.0.0.1:8080/blog/article/articleList?page="+obj.curr+"&limit="+obj.limit+"&keyword="+keyword,
                	                success: function (data) {
                	                	var rs = JSON.parse(data);
                	                	console.log(rs)
                	                	var articleListTpl = articleList.innerHTML
                	                	initData('articleListView',rs.data,articleListTpl);
                	                }
                	        	})
                	        }
                	      }
                  	});
                }
            });
        })
	})
	layui.carousel.render({
	    elem: '#carousel'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    //,anim: 'updown' //切换动画方式
  	});